#wrapper{
	width: 980px;
	margin:0px auto;
	padding:0px;
}
body{
	background-color: #d9dcdc ;
}
img{
	width: 150px;
	height: 150px;
	opacity: 0.8;
	float:left;
}
img:hover{
	opacity: 1;
	-webkit-transform: scale(1.1,1.1);
	-webkit-transition-duration: 0.3s;
}
h1{
	color: #6b6e6e;
}
h1:hover{
	color: #565b5b;
	-webkit-transition-duration: 1s;
	
}

.user{
	width: 460px;
	height: 150px;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #868b8b;
	background-color: #ebefef;
}

.user:hover{
	border: 1px solid #235b59;
	-webkit-transition-duration: 1s;
}

.about{
	float: left;
	padding-left: 20px;
	position:relative}
p{
	color: #696a6a;
}
p:first-child{
	color: #332f2f;
	font-size:20px;
}

#left{
	float: left;
}

#right{
	float: right;
}